import { Component } from 'react'
import { Tabs, WhiteSpace } from 'antd-mobile';
import "./topMenu.less"

export default () => {
  const tabs = [
      { title: '北京' },
      { title: '上海' },
      { title: '上海' },
      { title: '上海' },
      { title: '上海' },
      { title: '北京' },
      { title: '北京' },
      { title: '北京' },
      { title: '北京' },
      { title: '上海' },
      { title: '北京' },
      { title: '上海' },
      { title: '北京' },
      { title: '上海' },
      { title: '北京' },
      { title: '' },
    ];
  return (
    <div className="top-menu-box">
      <nav className="top-menu-nav">
        {
          tabs.map((item, index) => {
            return (
              // <Link href="">
                <a>{item.title}</a>
              // </Link>
            ) 
          })
        }
      </nav>
    </div>
    
  ) 
}